<!DOCTYPE html>
<html lang="ch">

<head>
    <title>注册</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./login.css">
    <!-- <link rel="stylesheet" type="text/css" href="./login_base.css">-->
    <!-- 引入外部字体样式表 -->
    <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.net/font-awesome/4.1.0/css/font-awesome.css">
    <script src="login.js"></script>
</head>

<body onload='createCode(4)'>
    <div class="main">
        <!-- logo -->
        <div class="logo">
            <h1>你好 世界<br>Hello World</h1>
            <p>如果你有账号<br>可以<a href="./login.html" target="_self">点击这里</a>进行登录.</p>
        </div>
        <!-- 注册 -->
        <div class="login" id="register">
            <form id="register-form" action="./test.html" target="_self" method="post">
                <p><input type="text" name="account" id="account" minlength="6" maxlength="15" placeholder="用户名"
                        title="用户名可以包含字母、数字、下划线(_)或连字符(-)，最少6位，最多16位" oninput="validateAccount(this.value)"></p>
                <p><input type="password" name="password" id="password" required placeholder="密码"
                        title="至少包含字母、数字和特殊字符中的每一种, 最少8位，最多20位" oninput="validatePassword(this.value)"> </p>
                <p><input type="password" name="re-password" id="re-password" required placeholder="确认密码"
                        oninput="validateRePassword(this.value)"> </p>
                <!-- 验证码 -->
                <div class="verifi-code">
                    <input type="text" id="input-code" placeholder="验证码" oninput="validateCode()" />
                    <input type="button" id="code" title='点击更换验证码' onclick="createCode(4)" />
                </div>
                <p><input type="submit" class="submit" id="submit" value="注册"
                        onclick="validateSubmit(this.form); return false;"></p>
            </form>
        </div>
    </div>
</body>

</html>